*{margin: 0;padding: 0;font-size: 12px;line-height:1.5;box-sizing: border-box;}
body{background: #f0f0f0;color: #888888;}

a{text-decoration: none;color: #888888;}
li{list-style: none;}
img{border: 0;font-size: 0;}
/*左边*/	
	#left ul{
		width: 74px;	
		height: 100%;
	    background: #d10048;
	    position: fixed;
	    top: 0;
	    left: 0;
	    padding-top: 10px;
	    text-align: center;
	    z-index: 9999;			   
	}
	#left ul li{
		height: 46px;	    
	    overflow: hidden;
	    background: url(../img/left.png) center bottom no-repeat;
	}
	#left ul li a{
	    display: block;
	    width: 74px;
	    height: 44px;
	    line-height: 44px;
	    color: #fff;
	   text-decoration: none;
	}
	#left ul li a:hover{background: #db366f;}
	#left ul li:nth-of-type(7){line-height: 23px;}
	#left ul li:nth-of-type(8){line-height: 23px;}
	#left ul .li2 .nav2{
		height: 0;width: 0;
		position: absolute;left: 74px;top: 0;
		padding-top:10px ;
	    overflow: hidden;
		display: block;
		background: rgba(171,171,171,1);
		color: white;
		transition: all 0.4s;
	}

/*右边*/
	#right{
		position: fixed;
	    top: 10%;
	    right: 0px;			   
	    text-align: center;
	    width: auto;
	    height: auto;
	    z-index: 9999;
	}
	#right li{
		list-style: none;
	}
	#right li a{
		display:block;
		height: 100%;width: 100%;
		font-size: 0;border: none;
	}
	#right .nav2{
		position: absolute;
		left: -300px; top: 90px;
		opacity: 0; 
		transition: all 1s;
		display: none;
	}
	.scroll{display: none;}

/*main -top*/
	#mainContent{margin: 0 auto;width: 982px;}	
	.mainContent,#content{overflow: hidden;}
	.com-header{overflow: hidden;}
	.com-header .fl{
		float: left;
		height: 70px;line-height: 70px;
		width: 34%;
	}
	.com-header img{vertical-align: middle}
	.com-header .fr{
		float: right;
		margin-top: 30px;
		position: relative;
	}
	.com-header .fr .search-btn{
		display: inline-block;
	    vertical-align: middle;
	    margin-left: 3px;
	    background:url(../img/index-bg.png) no-repeat;
	    width: 23px;height: 23px;
	}
	.com-header .fr a{
		color: #888;
		font-size: 14px;
		margin: 0 3px;
		position: relative;
	}
	.headerCar{
		width: 30px;display: inline-block;height: 18px;
	}
	.com-header .fr em{
		background:url(../img/index-bg.png) no-repeat;
		background-position: 0 -45px;
	    width: 23px;
	    height: 22px;
	    display: inline-block;			  		    
	    position: absolute;
	    top: 0px;
	}
	.com-header .fr i{
		position: absolute;
		top: -4px;right: 0px;
	   	border-radius: 50%;
	    display: inline-block;
	    width: 18px;
	    height: 18px;
	    text-align: center;
	    background: #d10048;
	    padding: 0 1px;
	    font-style: normal !important;
	    color: #fff;			    
	}
	
	/*搜索框*/	
	#search{ 
        	padding: 20px 0;       	
		    width: 100%;
		    background: rgba(0,0,0,.3);
		    position: relative;
		    z-index: 9999;
		    display: none;
        }
        #search form{
        	width: 700px;
		    height: 40px;
		    margin: 0 auto;			   	   	    		    		    
        }
        #search form #text{
        	width: 590px;
		    height: 40px;
		    font-size: 14px;
		    color: rgb(85, 85, 85);
		    vertical-align: middle;
		    padding: 10px 20px;
		    border-width: 0px;
		    border-style: none;		    
		    background: rgb(255, 255, 255);
		    overflow: hidden;
		    float: left;
        }
        #search form #btn{
        	width: 110px;height: 40px;
        	background: black;color: white;
        	float: left;
        	border: none;
        	font-size: 16px;
        }
        #search ul{
        	border-top: 1px dashed black;
        	margin: 0 auto;
        	width: 700px;        	       	
        }
        #search ul li{
        	border-bottom: 1px dashed black;
        	line-height: 30px;
        	color: black;
        }
        #search span{width: 24px;height: 24px;background:url(../img/shop/vivo-head-ico.png) -85px 0 no-repeat;position: absolute;top: 28px;right: 19%;}
        #search form #btn:hover{background:#d10048;}

/*banner图*/
	.banner{position: relative;height: 350px;cursor: pointer;}
	.banner li{
		position: absolute;
		height: 100%;				
	}
	.banner li img{
		width: 100%;height: 100%;
	}
	.banner li.active{
		z-index: 100;
	}
	.banner #move{
		position: absolute;	
		top: 43%;	
		width: 100%;
		text-align: center;
		opacity: 0; 	
		z-index: 100; 	
	}
	.banner #move .left{
		position: absolute;
		visibility: visible;			   
	    left: 0;			    			     				
		display: inline-block;   
		width: 42px;
	    height: 43px;			    			    
	    background: #393939;
		color: white;
		font-size: 30px;
	}
	.banner #move .right{
		position: absolute;
		visibility: visible;			   
	    right: 0px;			    			     
		z-index: 100; 
		display: inline-block;   
		width: 42px;
	    height: 43px;			   			    
	    background: #393939;
		color: white;
		font-size: 30px;
	}
	.banner .bottom{
		position: absolute;
		bottom: 0;left: 209px;
		background: white;				
		width: 564px; height: 6px; 				
		z-index: 100;
	}
	.banner .bottom li{
		position: relative;float: left;
		width: 188px;height: 100%;
	}
	.banner .bottom .active{
		background:#e1472f; 
	}
	
/*main部分*/
	
	.col{float: left;width: 32.7%;height: 590px;position: relative;z-index:2;margin-bottom: 10px;}
	.col2{margin:0 9px;}
	.row{cursor: pointer;margin: 0 0 4px 0;width: 100%;display: inline-block;}
	.row a{color: #888888;}
	#con-top{margin-top: 20px;}	
	.row img{width: 100%;}
	.row .description{
		    height: 193px;
		    padding: 4% 3% 3% 4%;
		    width: 50%;		    
		    color: #969696;
		    background: #fff;
		    float: left;
		    position: relative;
	}
	.row .description h2{
		margin-bottom: 5px; 
	   	line-height: 22px;
	   	font-size: 14px;
		/*margin-bottom: 20px;*/
	    height: 40px;
	    overflow: hidden;
	    color: #333;
	    width: 100%;
	    display: inline-block;
	    position: relative;
	}
	.row .description .redtxt{color:#d10048;} 
	.row .image{display:inline-block;float: left;width: 50%;overflow: hidden;height: 100%;} 
	.row .arrow_left{
		position: absolute;
		right: -14px;
	    top: 80px;
	    width: 0;
	    height: 0;
	    border-top: 14px solid transparent;
	    border-bottom: 14px solid transparent;
	    border-left: 14px solid #fff;
	    z-index: 3;
	}
	 .row .arrow_right  {
 	    position: absolute;
	    left: -14px;
	    top: 80px;
	    width: 0;
	    height: 0;
	    border-top: 14px solid transparent;
	    border-bottom: 14px solid transparent;
	    border-right: 14px solid #fff;
	    z-index: 3;			    
	 }
	.row .info .money{font-size: 16px; display: inline-block;}
	.row .info .x{text-decoration: line-through;}  
	.row:hover .info p:nth-of-type(1){color: #FFFFFF;}
	.row:hover .description{background: #eeafce;transition: all 0.5s;}
	.row:hover .arrow_left{border-left: 14px solid #eeafce;transition: all 0.5s;}
	.row:hover .arrow_right{border-right: 14px solid #eeafce;transition: all 0.5s;}
	.row:hover .image .left{transform: translateX(-5px);transition: all 0.5s;}
	.row:hover .image .right{transform: translateX(5px);transition: all 0.5s;}
	#con-bot .row:hover .description{background: #98c86c;transition: all 0.5s;}
	#con-bot .row:hover .arrow_left{border-left: 14px solid #98c86c;transition: all 0.5s;}
	#con-bot .row:hover .arrow_right{border-right: 14px solid #98c86c;transition: all 0.5s;}
	#lift .row:hover .description{background: #8dcedd;transition: all 0.5s;}
	#lift .row:hover .arrow_left{border-left: 14px solid #8dcedd;transition: all 0.5s;}
	#lift .row:hover .arrow_right{border-right: 14px solid #8dcedd;transition: all 0.5s;}
	
	.show{position:absolute;z-index:0;top:0;display: none;}
	.show a{color: #666;}
	.show .dd{width: 100%;height: 191px;margin:0;}
	.show #b{padding: 20px;height:400px;background: white ;}
	.show h2 a{font-size: 14px;line-height: 2;}	
	.show #b p a{line-height: 22px; }
	.show .car-wrap{width: 100%;overflow: hidden;margin-top: 20px;}
	.show .car-wrap .carbtn{       			
	    display: inline-block;
	    margin-right: 20px;
	    width: 30px;
	    height: 30px;
	    vertical-align: -10px;
	    background: url(../img/index-bg.png) no-repeat;
	    background-position: 0 -112px;			   
	}
	.show .car-wrap a{float:right;line-height: 30px;}
	.show img{
		width: 80px;
		height: 104px;		
		margin: 10px;
	}
	.show span{				
	    width: 24px;
	    height: 24px;
	    position: absolute;
	    top: 16px;
	    right: 5px;
		background: url(../img/vivo-head-ico.png) -85px 0 no-repeat;
	}
	
	#company .com{width: 49.3%;height: 400px;}
	#company .com .row{height: 195px;}
	#company .com .description{width: 40%;}
	#company .com .description h2{color: #888;}
	#company .com .image{width: 60%;height: 100%;}
	#company .row:hover .description{background:white;transition: all 0.5s;}
	#company .row:hover .description p:nth-of-type(1){color: #888;}
	#company .row:hover .arrow_left{border-left: 14px solid white;transition: all 0.5s;}
	#company .row:hover .arrow_right{border-right: 14px solid white;transition: all 0.5s;}
	
/*footer部分*/
	footer #foot-top {width:  33%;overflow: hidden;margin: 10px auto;}				    		     			    	    
    footer #foot-top li{float: left; margin: 10px; width: 116px;}		    
    footer #foot-top li em{background: url(../img/footer-bg.png) no-repeat;display: block;width: 76px;height: 75px;margin: 0 auto 10px;}    		  
    footer #foot-top li span{font-size: 16px;color: #888;text-align: center;display: inline-block;width: 100%;}
    footer .fr{width: 60%;overflow: hidden;margin: 10px auto;}
    footer .fr dl{float: left;width:16.6%;text-align: center;}
    footer .fr dl dt{font-size: 18px;}
    footer .fr dl dd a{text-shadow: #fff 0 1px 0;font-size: 14px;line-height: 30px;}
	
	footer .foot-b{width: 50%;margin: 30px auto;}
	footer .foot-b ul{width:100%;overflow: hidden;}    		
	footer .foot-b ul li{float: left;line-height: 20px;    border-right: 1px solid #909090;}
	footer .foot-b ul li:nth-last-of-type(1){border-right:none}
	footer .foot-b ul li a{font-size:14px;text-shadow: #fff 0 1px 0;margin: 0 15px;}
	footer .foot-b p{font-size: 14px;}
	footer .foot-b p img{border: 0;vertical-align: middle;}
	.foot-bottom{text-align:center;padding-bottom:10px;border-top:1px solid #dce0e3;padding-top: 30px;margin-top: 20px;}
	.foot-bottom img{vertical-align: middle}